/**
 * Theme Name: Yakima
 * Them URI: http://www.orzzone.com/
 * Description: Yakima is the first WordPress theme created by Yakima Teng.
 * Version: 20150828
 * Author: Yakima Teng
 * Author URI: http://www.orzzone.com/
 * Tags: Yakima, wordpress theme, simple
 */
/*========================================================
CSS reset
==========================================================*/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
}
img {
    border: 0px none black;
    max-width: 100%;
}
html {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}
body {
    position: relative;
    font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #fff;
    background-color: #d9e0e5;
    /*user-select: none;*/
    width: 100%;
    overflow-x: hidden;
    min-height: 100%;
}
a {
    text-decoration: none;
    color: #74868c;
}
a:hover {
    text-decoration: none;
}
.clearfix:after {
    display: block;
    content:'';
    clear: both;
    height: 0;
    visibility: hidden; opacity: 0;
}
table {
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    border: 1px solid black;
}
h1 {
    font-size: 1em;
    letter-spacing: -.05em;
}
h3 {
    font-size: 1.2em;
}
dt {
    color: blue;
}
dd {
    margin-left: 2em;
}
strong {
    font-weight: bold;
}
pre {
    background:#fafbfc url(http://7xn7mm.com1.z0.glb.clouddn.com/pre_bg.png) repeat scroll center top;
    font-family:Consolas,Monaco,"Andale Mono",monospace;
}
li {
    list-style-type: none;
}
blockquote {
    margin: 0 1em; padding: .2em;
    background-color: rgba(0, 0, 0, .2);
    border-radius: .5em;
}
/*========================================================
Structure of entire site, responsive design
==========================================================*/
#wrapper, #header,  #content, #sidebar {position: relative;}
#wrapper {
    /*width: 96%;*/
    width: 100%;
    max-width: 2000px;
    margin: 0 auto;
    /*border-radius: 8px;*/
    /*border: 3px ridge rgba(0, 0, 0, .2);*/
}
#header {
    z-index: 100;
    /*min-height: 266px;*/
    background: hsl(20, 35%, 35%) url(/img/bkg.png) repeat-x scroll center center;
    background: #52686f;
    /*border-radius: 8px 8px 0 0;*/
    margin-bottom: 10px;
}
@media screen and (min-width: 950px) {
    #content {
        display: table-cell;
        vertical-align:top;
        width: 2000px;
        line-height: 2;
        background-color: #e9eef3;
    }
    #sidebar {
        display: table-cell;
        vertical-align:top;
        /*border-left: 5px solid #afc4ea;*/
        font-size: 12px;
        background-color: #e9eef3;
    }
    #sidebar > .inner {
        width:290px;
    }
}
.inner {padding: 10px;}
#footer {
    background-color: #52686f;
    color: #cfdde2;
}
/*========================================================
Header of entire site
==========================================================*/
/*.header_alpha, site title*/
.header_alpha {
    /*position: absolute; left: 135px; top: 59px;*/
    float: left;
    /*line-height: 30px;*/
    /*padding: 10px;*/
    margin: 0;
}
.header_alpha a {
    display: block;
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    letter-spacing: 0;
    text-decoration: none;
}
.header_alpha a:hover {
    text-decoration: none;
    background-color: #2f4249;
}
.header_alpha img {
    width: 30px; height: 30px;
    border-radius: 15px;
    vertical-align: top;
    margin-right: 10px;
    -ms-transition: 300ms all ease-out 0s;
    -moz-transition: 300ms all ease-out 0s;
    -webkit-transition: 300ms all ease-out 0s;
    -o-transition: 300ms all ease-out 0s;
    transition: 300ms all ease-out 0s;
}
.header_alpha a:hover img {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

/*.header_beta, header menu*/
.header_beta {
    /*position: absolute; left: 128px; bottom: 50px;*/
    float: left;
    line-height: 30px;
    /*padding: 10px 0;*/
}
.header_beta a {
    margin-right: 10px;
    color: #30a134;
    font-size: 14px;
    text-decoration: none;
}
.header_beta a:hover {
    text-decoration: none;
}
.header_beta ul {
    margin: 0;
}
.header_beta > ul > li {
    float: left; position: relative;
    line-height: 30px;
}
.header_beta > ul > li > a {
    display: block;
    color: #fff;
    padding: 10px;
    margin: 0;
}
.header_beta > ul > li > a:hover {
    background-color: #2f4249;
    text-decoration: none;
}
.header_beta > ul > li > ul {
    visibility: hidden; opacity: 0;
    position: absolute; top: 100%; left: 50%;
    width: 500px;
    border-radius: 5px;
    -moz-transform: translate(-120px, 0);
    -ms-transform: translate(-120px, 0);
    -webkit-transform: translate(-120px, 0);
    -o-transform: translate(-120px, 0);
    transform: translate(-120px, 0);
    /*-moz-transition: 500ms all linear 0s;
    -ms-transition: 500ms all linear 0s;
    -webkit-transition: 500ms all linear 0s;
    -o-transition: 500ms all linear 0s;
    transition: 500ms all linear 0s;*/
}

@media screen and (min-width: 950px) {
    .header_beta > ul > li:hover > ul {
        visibility: visible; opacity: 1; /*in this way, the transition effect is ok, display should not be used*/
    }
    .header_beta > ul > li > ul a {
        display: block;
        margin-right: 0; padding-left: 6px;
        font-size: 12px; line-height: 26px;
    }

    .header_beta > ul > li > ul > li {
        display: block; float: left;
        width: 110px;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        margin: 14px 20px 0 0;
        list-style-type: none;
        background-color: #fff;
        -moz-transition: 300ms all linear 0s;
        -ms-transition: 300ms all linear 0s;
        -webkit-transition: 300ms all linear 0s;
        -o-transition: 300ms all linear 0s;
        transition: 300ms all linear 0s;
    }
    .header_beta > ul > li > ul > li:last-of-type {
        margin-right: 0;
    }
    .header_beta > ul > li > ul > li:nth-of-type(1) {
        box-shadow: 0 -5px 0 4px rgba(78, 184, 234, 1), 5px 0 0 4px rgba(214, 230, 54, 1), 0 5px 0 4px rgba(245, 140, 33, 1), -5px 0 0 4px rgba(30, 255, 168, 1);
    }
    .header_beta > ul > li > ul > li:nth-of-type(2) {
        box-shadow: 0 -5px 0 4px rgba(214, 230, 54, 1), 5px 0 0 4px rgba(245, 140, 33, 1), 0 5px 0 4px rgba(30, 255, 168, 1), -5px 0 0 4px rgba(78, 184, 234, 1);
    }
    .header_beta > ul > li > ul > li:nth-of-type(3) {
        box-shadow: 0 -5px 0 4px rgba(245, 140, 33, 1), 5px 0 0 4px rgba(30, 255, 168, 1), 0 5px 0 4px rgba(78, 184, 234, 1), -5px 0 0 4px rgba(214, 230, 54, 1);
    }
    .header_beta > ul > li > ul > li:nth-of-type(4) {
        box-shadow: 0 -5px 0 4px rgba(30, 255, 168, 1), 5px 0 0 4px rgba(78, 184, 234, 1), 0 5px 0 4px rgba(214, 230, 54, 1), -5px 0 0 4px rgba(245, 140, 33, 1);
    }
    .header_beta > ul > li > ul > li:hover {
        position: relative;
        z-index: 1;
    }
    .header_beta > ul > li > ul > li:nth-of-type(1) > a {
        background-color: rgba(78, 184, 234, .1);
    }
    .header_beta > ul > li > ul > li:nth-of-type(1):hover {
        background-color: rgba(78, 184, 234, 1);
        box-shadow: 0 -50px 0 4px rgba(78, 184, 234, .6), 50px 0 0 4px rgba(78, 184, 234, .6), 0 50px 0 4px rgba(78, 184, 234, .6), -50px 0 0 4px rgba(78, 184, 234, .6);
    }
    .header_beta > ul > li > ul > li:nth-of-type(2) > a {
        background-color: rgba(214, 230, 54, .9);
    }
    .header_beta > ul > li > ul > li:nth-of-type(2):hover {
        background-color: rgba(214, 230, 54, 1);
        box-shadow: 0 -50px 0 4px rgba(214, 230, 54, .6), 50px 0 0 4px rgba(214, 230, 54, .6), 0 50px 0 4px rgba(214, 230, 54, .6), -50px 0 0 4px rgba(214, 230, 54, .6);
    }
    .header_beta > ul > li > ul > li:nth-of-type(3) > a {
        background-color: rgba(245, 140, 33, .6);
    }
    .header_beta > ul > li > ul > li:nth-of-type(3):hover {
        background-color: rgba(245, 140, 33, 1);
        box-shadow: 0 -50px 0 4px rgba(245, 140, 33, .6), 50px 0 0 4px rgba(245, 140, 33, .6), 0 50px 0 4px rgba(245, 140, 33, .6), -50px 0 0 4px rgba(245, 140, 33, .6);
    }
    .header_beta > ul > li > ul > li:nth-of-type(4) > a {
        background-color: rgba(30, 255, 168, .3);
    }
    .header_beta > ul > li > ul > li:nth-of-type(4):hover {
        background-color: rgba(30, 255, 168, 1);
        box-shadow: 0 -50px 0 4px rgba(30, 255, 168, .6), 50px 0 0 4px rgba(30, 255, 168, .6), 0 50px 0 4px rgba(30, 255, 168, .6), -50px 0 0 4px rgba(30, 255, 168, .6);
    }
    .header_beta > ul > li > ul > li:hover > a {
        background-color: #000; color: #fff;
    }
    .header_beta > ul > li > ul li ul {
        margin-top: 6px;
    }
    .header_beta > ul > li > ul li li {
        float: none; display: block;
    }
    .header_beta > ul > li > ul li li a {
        outline: 0 double #000;
        color: #000;
        -moz-transition: 300ms background-color ease-out 0s;
        -ms-transition: 300ms background-color ease-out 0s;
        -webkit-transition: 300ms background-color ease-out 0s;
        -o-transition: 300ms background-color ease-out 0s;
        transition: 300ms background-color ease-out 0s;
    }
    .header_beta > ul > li > ul li li:hover a {
        text-decoration: none;
        outline-width: 6px;
        background-color: rgba(0, 0, 0, .3); color: #fff;
    }
}


/*.header_gama, header search form*/
.header_gama {
    /*position: absolute; right: 50px; top: 50px;*/
    float: right;
    padding: 0;
}
.header_gama form {
    position: relative;
    border: solid rgba(252, 225, 170, 0);
    border-width: 10px 10px 10px 0;
    /*outline: 1px ridge #fbdb9e;*/
    /*border-radius: 0 8px 0 0;*/
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.header_gama input[type="text"] {
    display: block;
    width: 289px;
    line-height: 30px;
    height: 30px;
    padding: 0 5px;
    margin: 0;
    /*border-radius: 10px;*/
    border-style: none;
    color: #919191;
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    font-size: 14px;
    -moz-transition: 800ms width ease-in-out 0s;
    -webkit-transition: 800ms width ease-in-out 0s;
    -ms-transition: 800ms width ease-in-out 0s;
    -o-transition: 800ms width ease-in-out 0s;
    transition: 800ms width ease-in-out 0s;
}
.header_gama input[type="text"]:focus {
    background-color: #eee;
}
.header_gama button {
    position: absolute; top: 0; right: 0;
    padding: 0 8px;
    border-style: none;
    /*border-radius: 6px 8px 8px 6px;*/
    background-color: #30a134; color: #ffe8e4;
    font-size: 14px; line-height: 30px;

}
.header_gama button:before {
    display: block;
    position: absolute; top: 50%; left: -10px; transform: translate(-50%, -50%);
    content: '';
    width: 0; height: 0;
    border: 10px solid;
    border-color: transparent #30a134 transparent transparent;
}
@media screen and (max-width: 949px) {
    #header {
        min-height: 0px;
    }
    .header_alpha, .header_beta {
        position: static;
        display: block;
        /*background-color: rgba(0, 0, 0, 0);
        border: 10px solid rgba(252, 225, 170, .3);*/
        text-align: center;
        float: none;
    }
    .header_alpha {
        border-radius: 4px 6px 0 0;
    }
    .header_beta > ul {
        display: inline-block;
        text-align: left;
    }
    .header_gama {
        display: block;
        width: auto;
        float: none;
    }
    .header_gama input[type="text"] {
        display: block;
        width: 96%;
    }
}

/*========================================================
Single post page
==========================================================*/
.post {
    background-color: #fff;
    padding: 10px;
}
.post_header, .post_content, .post_footer {
    position: relative;
}
.post_header .post_title {
    color: #ce4f00;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    font-size: 21px;
    line-height: 1;
    margin: 0 0 10px 0;
    padding: 0;
}
.post_header .post_byline {
    color: #78898e;
    background-color: #f7f9fa;
    font-size: 12px;
    margin: 0 0 15px 0;
    padding: 5px 0 3px 5px;
    border-bottom: 1px solid #eaedef;
}
.post_content {
    color: #333;
    font-size: 14px;
    line-height: 24px;
}
.post_content p, .post_content ul, .post_content blockquote {
    margin-bottom: 14px;
}
.post_content li {
    list-style: square inside none;
}
.post_donate {text-align: center; position: relative; padding: 10px 0;}
.post_donation_wrapper {display: inline-block;}
.post_donation_wrapper:nth-of-type(2) {
    position: absolute; top: 50%; left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.post_donation_wrapper:nth-of-type(2) button {
    width: 3em; height: 3em; padding: 0;
    border-radius: 26px;
    border: 5px double #333;
}
.post_footer button {
    display: block;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px; line-height: 2;
    width: 80px; padding: 0 10px;
    /*background-color: #2f889a;*/
    background-color: #d9e0e5;
    /*color: #fff;*/
    color: #333;
    -moz-transition: 300ms all ease-in-out 0s;
    -ms-transition: 300ms all ease-in-out 0s;
    -o-transition: 300ms all ease-in-out 0s;
    -webkit-transition: 300ms all ease-in-out 0s;
    transition: 300ms all ease-in-out 0s;
}
.post_donation_wrapper:first-child button {border-radius: 28px 0 0 28px;}
.post_donation_wrapper:last-child button {border-radius: 0 28px 28px 0;}
.post_footer button:hover {background-color: #000; color: #fff;}
.post_footer button:active {background-color: rgb(240, 160, 80);}
.post_footer aside {
    opacity: 0; visibility: hidden;
    position: absolute; left: 50%; bottom: 120%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.post_footer .post_donation_wrapper:nth-of-type(2) aside {
    -moz-transition: 2s all ease-out 0s;
    -ms-transition: 2s all ease-out 0s;
    -o-transition: 2s all ease-out 0s;
    -webkit-transition: 2s all ease-out 0s;
    transition: 2s all ease-out 0s;
}
.post_donate button:hover + aside {opacity: 1; visibility: visible;}
.bdsharebuttonbox {width: 450px;}
.bdsharebuttonbox a {
    display: block; float: left;
    width: 32px; height: 32px;
    background-image: url('http://7xn7mm.com1.z0.glb.clouddn.com/share.png') !important;
    overflow: hidden;
}
.bdsharebuttonbox a:nth-of-type(1) {background-position: 0 0;}
.bdsharebuttonbox a:nth-of-type(2) {background-position: -38px 0;}
.bdsharebuttonbox a:nth-of-type(3) {background-position: -76px 0;}
.bdsharebuttonbox a:nth-of-type(4) {background-position: -114px 0;}
.bdsharebuttonbox a:nth-of-type(5) {background-position: -152px 0;}
.bdsharebuttonbox a:nth-of-type(6) {background-position: -190px 0;}
.bdsharebuttonbox a:nth-of-type(7) {background-position: -228px 0;}
.bdsharebuttonbox a:nth-of-type(8) {background-position: -266px 0;}
.bdsharebuttonbox a:nth-of-type(9) {background-position: -304px 0;}
.bdsharebuttonbox a:nth-of-type(10) {background-position: -342px 0;}
.bdsharebuttonbox a:nth-of-type(11) {background-position: -380px 0;}
.bdsharebuttonbox a:nth-of-type(12) {background-position: -418px 0;}
.bdsharebuttonbox a:last-child {margin-right: 0;}
.post_donate img {
    width: 160px; height: 160px;
    padding: 5px; border: 1px solid #ccc; border-radius: 4px;
    background-color: #fff;
}

/*Related Posts*/
.related_post header {text-align: center;}
.related_post span {
    display: inline-block;
    padding: 0 1em;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .8);
    color: yellow;
}
.related_post ul {
    padding-top: 14px; margin-top: -14px;
    background-color: #2f889a;
    border-radius: 5px 5px 0 0;
}
.related_post li {
    float: left; width: 50%;
    list-style-type: none;
    background-color: rgba(240, 160, 80, .2);
}
.related_post li:nth-of-type(2n+1) {background-color: rgba(0, 0, 0, .2);}
.related_post a {
    display: block;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px; border-bottom: 2px solid transparent;
    color: #fff;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden; white-space: nowrap;
}
.related_post li:hover a {
    border-bottom: 2px solid #fff;
    background-color: #000;
}
.post_feature {text-align: center; padding: 5px 0;}
.post_feature article {
    display: inline-block; position: relative;
    width: 100px; height: 100px;
    border: 10px solid #fff;
    background-color: #fff;
    background-position: center center;
    background-size: 100px 100px;
    vertical-align: middle;
    -moz-transition: 300ms background-size ease-in-out 0s;
    -ms-transition: 300ms background-size ease-in-out 0s;
    -o-transition: 300ms background-size ease-in-out 0s;
    -webkit-transition: 300ms background-size ease-in-out 0s;
    transition: 300ms background-size ease-in-out 0s;
}
.post_feature article:hover {
    border-style: none;
    width: 120px; height: 120px;
    background-size: 120px 120px;
}
.post_feature article:nth-of-type(1) {background-image: url("http://7xn7mm.com1.z0.glb.clouddn.com/feature1.jpg");}
.post_feature article:nth-of-type(2) {background-image: url("http://7xn7mm.com1.z0.glb.clouddn.com/feature2.jpg");}
.post_feature article:nth-of-type(3) {background-image: url("http://7xn7mm.com1.z0.glb.clouddn.com/feature3.jpg");}
.post_feature article:nth-of-type(4) {background-image: url("http://7xn7mm.com1.z0.glb.clouddn.com/feature4.jpg");}
.post_feature p {
    width: 100%;
    position: absolute; bottom: 0; left: 0;
    background-color: rgba(0, 0, 0, .3); color: #fff;
}

/*========================================================
comments.php
==========================================================*/
@-moz-keyframes move {
    0% {left: 20%; transform: translate(-50%, 0);}
    100% {left: 80%; transform: translate(-50%, 0);}
}
@-ms-keyframes move {
    0% {left: 20%; transform: translate(-50%, 0);}
    100% {left: 80%; transform: translate(-50%, 0);}
}
@-o-keyframes move {
    0% {left: 20%; transform: translate(-50%, 0);}
    100% {left: 80%; transform: translate(-50%, 0);}
}
@-webkit-keyframes move {
    0% {left: 20%; transform: translate(-50%, 0);}
    100% {left: 80%; transform: translate(-50%, 0);}
}
@keyframes move {
    0% {left: 20%; transform: translate(-50%, 0);}
    100% {left: 80%; transform: translate(-50%, 0);}
}
.comment_zone_title {
    display: inline-block; position: relative; top: 0; left: 0;
    background-color: #b4d666;
    font-size: 16px; line-height: 20px;
    border: 5px solid; border-radius: 10px;
    border-color: #f00 #0f0 #00f #000;
    padding: 5px;
    margin-left: 10px;
    -moz-animation: move 10s linear 0s infinite alternate;
    -ms-animation: move 10s linear 0s infinite alternate;
    -o-animation: move 10s linear 0s infinite alternate;
    -webkit-animation: move 10s linear 0s infinite alternate;
    animation: move 10s linear 0s infinite alternate;
}
.commentlist {
    border: dashed black;
    border-width: 2px 0 2px 0;
    margin-top: -21px; padding: 21px 5px 5px 5px;
}
.comment {
    position: relative;
    border: 1px dotted black;
    background-color: rgba(200, 200, 0, .2);
    margin-bottom: 10px;
    padding: 5px;
    list-style-type: none;
}
.comment_byline {
    display: inline-block;
    position: relative; z-index: 1;
    margin-left: 5px; padding: 0 1em;
    font-size: 14px; line-height: 2; font-style: normal;
    color: #fff; background-color: rgba(47, 136, 154, 1);
    border-radius: 5px;
}
.comment_byline a {color: #ff0;}
.comment_byline a:hover {text-decoration: underline;}
.comment_text {
    margin-top: -15px;
    padding: 14px 5px 5px 10px;
    border: 1px solid #333;
}
.children {margin-top: 10px;}
.children .comment {margin-left: 10px;}
.pending_comment {color: #f00;}

/*comment submitting form*/
#commentform [tabindex] {
    border: 2px solid;
    border-color: #333 #999 #ccc #333;

}
#commentform [tabindex]:focus {
    background-color: #e8eff7;
    border-color: #37699f;
}
#message {width: 98%;}
#submitBtn {
    width: auto;
    padding: 4px 10px;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    background-color: #777;
    border: 2px solid #555;
}
#submitBtn:hover {
    cursor: pointer;
    background-color: #6b9c6b;
    border: 20x solid #496d49;
}
#submitBtn:active {
    background-color: rgb(240, 160, 80);
}

/*========================================================
Blog home page
==========================================================*/
/*random posts for blog_react home page*/
.home_random_posts {
    position: relative;
    /*background-color: #fff;*/
    margin: 0 10px;
    overflow: hidden;
    height: 175px;
}
.home_random_posts > ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 400%;
    -webkit-animation: 30s slide linear infinite;
    -moz-animation: 30s slide linear infinite;
    -ms-animation: 30s slide linear infinite;
    -o-animation: 30s slide linear infinite;
    animation: 30s slide linear infinite;
}
.home_random_posts > ul:hover {
    -webkit-animation-play-state: paused;
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}
@-webkit-keyframes slide {
    0% {left: 0%;}
    13% {left: 0%;}
    14% {left: -100%;}
    27% {left: -100%;}
    28% {left: -200%;}
    42% {left: -200%;}
    43% {left: -300%;}
    57% {left: -300%;}
    58% {left: -200%;}
    72% {left: -200%;}
    73% {left: -100%;}
    87% {left: -100%;}
    88% {left: 0%;}
    100% {left: 0%;}
}
@-moz-keyframes slide {
    0% {left: 0%;}
    13% {left: 0%;}
    14% {left: -100%;}
    27% {left: -100%;}
    28% {left: -200%;}
    42% {left: -200%;}
    43% {left: -300%;}
    57% {left: -300%;}
    58% {left: -200%;}
    72% {left: -200%;}
    73% {left: -100%;}
    87% {left: -100%;}
    88% {left: 0%;}
    100% {left: 0%;}
}
@-ms-keyframes slide {
    0% {left: 0%;}
    13% {left: 0%;}
    14% {left: -100%;}
    27% {left: -100%;}
    28% {left: -200%;}
    42% {left: -200%;}
    43% {left: -300%;}
    57% {left: -300%;}
    58% {left: -200%;}
    72% {left: -200%;}
    73% {left: -100%;}
    87% {left: -100%;}
    88% {left: 0%;}
    100% {left: 0%;}
}
@-o-keyframes slide {
    0% {left: 0%;}
    13% {left: 0%;}
    14% {left: -100%;}
    27% {left: -100%;}
    28% {left: -200%;}
    42% {left: -200%;}
    43% {left: -300%;}
    57% {left: -300%;}
    58% {left: -200%;}
    72% {left: -200%;}
    73% {left: -100%;}
    87% {left: -100%;}
    88% {left: 0%;}
    100% {left: 0%;}
}
@keyframes slide {
    0% {left: 0%;}
    13% {left: 0%;}
    14% {left: -100%;}
    27% {left: -100%;}
    28% {left: -200%;}
    42% {left: -200%;}
    43% {left: -300%;}
    57% {left: -300%;}
    58% {left: -200%;}
    72% {left: -200%;}
    73% {left: -100%;}
    87% {left: -100%;}
    88% {left: 0%;}
    100% {left: 0%;}
}
.home_random_posts .random_post {
    float: left;
    width: 12.375%; /*100*0.25*0.495*/
    margin-right: .25%; /*100*0.25*0.01*/
    text-align: center;
}
.home_random_posts .random_post:nth-of-type(2n) {
    margin-right: 0;
}
.random_post > a {
    position: relative;
    display: inline-block;
    width: 259px;
    height: 175px;
    text-align: center;
    line-height: 1;
    background: transparent scroll no-repeat top center/100% auto;
}
@media screen and (min-width: 1150px) {
    .home_random_posts > ul {
        width: 300%;
    }
    .home_random_posts .random_post {
        width: 11.09%; /*100*0.333*0.333-数字尾部*/
        margin-right: 0;
    }
    .home_random_posts .random_post:nth-of-type(2n) {
        margin-right: 0;
    }
    @-webkit-keyframes slide {
        0% {left: 0%;}
        19% {left: 0%;}
        20% {left: -100%;}
        39% {left: -100%;}
        40% {left: -200%;}
        59% {left: -200%;}
        60% {left: -100%;}
        79% {left: -100%;}
        80% {left: 0%;}
        100% {left: 0%;}
    }
    @-moz-keyframes slide {
        0% {left: 0%;}
        19% {left: 0%;}
        20% {left: -100%;}
        39% {left: -100%;}
        40% {left: -200%;}
        59% {left: -200%;}
        60% {left: -100%;}
        79% {left: -100%;}
        80% {left: 0%;}
        100% {left: 0%;}
    }
    @-ms-keyframes slide {
        0% {left: 0%;}
        19% {left: 0%;}
        20% {left: -100%;}
        39% {left: -100%;}
        40% {left: -200%;}
        59% {left: -200%;}
        60% {left: -100%;}
        79% {left: -100%;}
        80% {left: 0%;}
        100% {left: 0%;}
    }
    @-o-keyframes slide {
        0% {left: 0%;}
        19% {left: 0%;}
        20% {left: -100%;}
        39% {left: -100%;}
        40% {left: -200%;}
        59% {left: -200%;}
        60% {left: -100%;}
        79% {left: -100%;}
        80% {left: 0%;}
        100% {left: 0%;}
    }
    @keyframes slide {
        0% {left: 0%;}
        19% {left: 0%;}
        20% {left: -100%;}
        39% {left: -100%;}
        40% {left: -200%;}
        59% {left: -200%;}
        60% {left: -100%;}
        79% {left: -100%;}
        80% {left: 0%;}
        100% {left: 0%;}
    }
}
@media screen and (min-width: 1450px) {
    .home_random_posts > ul {
        width: 200%;
    }
    .home_random_posts .random_post {
        width: 12.5%; /*100*0.333*0.333-数字尾部*/
        margin-right: 0;
    }
    .home_random_posts .random_post:nth-of-type(2n) {
        margin-right: 0;
    }
    @-webkit-keyframes slide {
        0% {left: 0%;}
        33% {left: 0%;}
        34% {left: -100%;}
        68% {left: -100%;}
        69% {left: 0%;}
        100% {left: 0%;}
    }
    @-moz-keyframes slide {
        0% {left: 0%;}
        33% {left: 0%;}
        34% {left: -100%;}
        68% {left: -100%;}
        69% {left: 0%;}
        100% {left: 0%;}
    }
    @-ms-keyframes slide {
        0% {left: 0%;}
        33% {left: 0%;}
        34% {left: -100%;}
        68% {left: -100%;}
        69% {left: 0%;}
        100% {left: 0%;}
    }
    @-o-keyframes slide {
        0% {left: 0%;}
        33% {left: 0%;}
        34% {left: -100%;}
        68% {left: -100%;}
        69% {left: 0%;}
        100% {left: 0%;}
    }
    @keyframes slide {
        0% {left: 0%;}
        33% {left: 0%;}
        34% {left: -100%;}
        68% {left: -100%;}
        69% {left: 0%;}
        100% {left: 0%;}
    }
}
@media screen and (max-width: 590px) {
    .home_random_posts > ul {
        width: 800%;
    }
    .home_random_posts .random_post {
        width: 12.5%; /*100*0.333*0.333-数字尾部*/
        margin-right: 0;
    }
    .home_random_posts .random_post:nth-of-type(2n) {
        margin-right: 0;
    }
    @-webkit-keyframes slide {
        0% {left: 0%;}
        6% {left: 0%;}
        7% {left: -100%;}
        13% {left: -100%;}
        14% {left: -200%;}
        20% {left: -200%;}
        21% {left: -300%;}
        27% {left: -300%;}
        28% {left: -400%;}
        34% {left: -400%;}
        35% {left: -500%;}
        41% {left: -500%;}
        42% {left: -600%;}
        48% {left: -600%;}
        49% {left: -700%;}
        55% {left: -700%;}
        56% {left: -600%;}
        62% {left: -600%;}
        63% {left: -500%;}
        69% {left: -500%;}
        70% {left: -400%;}
        76% {left: -400%;}
        77% {left: -300%;}
        82% {left: -300%;}
        83% {left: -200%;}
        88% {left: -200%;}
        89% {left: -100%;}
        94% {left: -100%;}
        95% {left: 0%;}
        100% {left: 0%;}
    }
    @-moz-keyframes slide {
        0% {left: 0%;}
        6% {left: 0%;}
        7% {left: -100%;}
        13% {left: -100%;}
        14% {left: -200%;}
        20% {left: -200%;}
        21% {left: -300%;}
        27% {left: -300%;}
        28% {left: -400%;}
        34% {left: -400%;}
        35% {left: -500%;}
        41% {left: -500%;}
        42% {left: -600%;}
        48% {left: -600%;}
        49% {left: -700%;}
        55% {left: -700%;}
        56% {left: -600%;}
        62% {left: -600%;}
        63% {left: -500%;}
        69% {left: -500%;}
        70% {left: -400%;}
        76% {left: -400%;}
        77% {left: -300%;}
        82% {left: -300%;}
        83% {left: -200%;}
        88% {left: -200%;}
        89% {left: -100%;}
        94% {left: -100%;}
        95% {left: 0%;}
        100% {left: 0%;}
    }
    @-ms-keyframes slide {
        0% {left: 0%;}
        6% {left: 0%;}
        7% {left: -100%;}
        13% {left: -100%;}
        14% {left: -200%;}
        20% {left: -200%;}
        21% {left: -300%;}
        27% {left: -300%;}
        28% {left: -400%;}
        34% {left: -400%;}
        35% {left: -500%;}
        41% {left: -500%;}
        42% {left: -600%;}
        48% {left: -600%;}
        49% {left: -700%;}
        55% {left: -700%;}
        56% {left: -600%;}
        62% {left: -600%;}
        63% {left: -500%;}
        69% {left: -500%;}
        70% {left: -400%;}
        76% {left: -400%;}
        77% {left: -300%;}
        82% {left: -300%;}
        83% {left: -200%;}
        88% {left: -200%;}
        89% {left: -100%;}
        94% {left: -100%;}
        95% {left: 0%;}
        100% {left: 0%;}
    }
    @-o-keyframes slide {
        0% {left: 0%;}
        6% {left: 0%;}
        7% {left: -100%;}
        13% {left: -100%;}
        14% {left: -200%;}
        20% {left: -200%;}
        21% {left: -300%;}
        27% {left: -300%;}
        28% {left: -400%;}
        34% {left: -400%;}
        35% {left: -500%;}
        41% {left: -500%;}
        42% {left: -600%;}
        48% {left: -600%;}
        49% {left: -700%;}
        55% {left: -700%;}
        56% {left: -600%;}
        62% {left: -600%;}
        63% {left: -500%;}
        69% {left: -500%;}
        70% {left: -400%;}
        76% {left: -400%;}
        77% {left: -300%;}
        82% {left: -300%;}
        83% {left: -200%;}
        88% {left: -200%;}
        89% {left: -100%;}
        94% {left: -100%;}
        95% {left: 0%;}
        100% {left: 0%;}
    }
    @keyframes slide {
        0% {left: 0%;}
        6% {left: 0%;}
        7% {left: -100%;}
        13% {left: -100%;}
        14% {left: -200%;}
        20% {left: -200%;}
        21% {left: -300%;}
        27% {left: -300%;}
        28% {left: -400%;}
        34% {left: -400%;}
        35% {left: -500%;}
        41% {left: -500%;}
        42% {left: -600%;}
        48% {left: -600%;}
        49% {left: -700%;}
        55% {left: -700%;}
        56% {left: -600%;}
        62% {left: -600%;}
        63% {left: -500%;}
        69% {left: -500%;}
        70% {left: -400%;}
        76% {left: -400%;}
        77% {left: -300%;}
        82% {left: -300%;}
        83% {left: -200%;}
        88% {left: -200%;}
        89% {left: -100%;}
        94% {left: -100%;}
        95% {left: 0%;}
        100% {left: 0%;}
    }
}
.random_post:nth-of-type(1) > a {
    background-image: url(http://7xn7mm.com1.z0.glb.clouddn.com/slider01.jpg);
}
.random_post:nth-of-type(2) > a {
    background-image: url(http://7xn7mm.com1.z0.glb.clouddn.com/slider02.jpg);
}
.random_post:nth-of-type(3) > a {
    background-image: url(http://7xn7mm.com1.z0.glb.clouddn.com/slider03.jpg);
}
.random_post:nth-of-type(4) > a {
    background-image: url(http://7xn7mm.com1.z0.glb.clouddn.com/slider04.jpg);
}
.random_post:nth-of-type(5) > a {
    background-image: url(http://7xn7mm.com1.z0.glb.clouddn.com/slider05.jpg);
}
.random_post:nth-of-type(6) > a {
    background-image: url(http://7xn7mm.com1.z0.glb.clouddn.com/slider06.jpg);
}
.random_post:nth-of-type(7) > a {
    background-image: url(http://7xn7mm.com1.z0.glb.clouddn.com/slider07.jpg);
}
.random_post:nth-of-type(8) > a {
    background-image: url(http://7xn7mm.com1.z0.glb.clouddn.com/slider08.jpg);
}
.random_post .random_title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    -webkit-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.random_post a:hover .random_title {
    color: #fff;
    background-color: #000;
}

/*home_divide_ad*/
.home_divide_ad {
    line-height: 1;
    padding: 10px 0;
}
.home_divide_ad img {
    width: 100%;
    height: auto;
}
/*recent posts for blog_react home page*/
.home_recent_posts {
    background-color: rgba(0, 0, 0, 0);
    /*padding: 10px;*/
}
.home_recent_posts > .inner {
    padding: 0;
}
.home_recent_posts > div > article {
    padding: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}
.home_recent_posts > div > article:last-child {
    margin-bottom: 0px;
}
.home_recent_posts > div > article:hover {
    background-color: #cbd6d3;
    -webkit-box-shadow: 2px 2px 1px 0px rgba(92, 224, 10, 0.82), -2px -2px 1px 0px rgba(175, 24, 24, 0.49);
    -moz-box-shadow: 2px 2px 1px 0px rgba(92, 224, 10, 0.82), -2px -2px 1px 0px rgba(175, 24, 24, 0.49);
    -ms-box-shadow: 2px 2px 1px 0px rgba(92, 224, 10, 0.82), -2px -2px 1px 0px rgba(175, 24, 24, 0.49);
    -o-box-shadow: 2px 2px 1px 0px rgba(92, 224, 10, 0.82), -2px -2px 1px 0px rgba(175, 24, 24, 0.49);
    box-shadow: 2px 2px 1px 0px rgba(92, 224, 10, 0.82), -2px -2px 1px 0px rgba(175, 24, 24, 0.49);
}
.home_newpost {
    border: 2px double red;
}
.home_recent_posts > div > article > header > a {
    color: #900;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
}
.home_recent_posts > div > article > header > a:hover {
    color: #000;
    text-decoration: underline;
}
.home_recent_posts > div > article > header > span {
    float: right;
    height: 30px;
    line-height: 30px;
    color: #777;
    background-color: #e8ddcb;
}
.home_recent_posts > div > article > section {
    height: 140px;
    overflow: hidden;
}


/*page navigation for blog_react home page*/
.load_more {
    margin-top: 10px;
}
.load_more > a {
    display: block;
    text-align: center;
    background-color: #fff;
    line-height: 1;
    padding: 10px 0;
    border: 1px solid #fff;
}
.load_more > a:hover {
    border-color: #295698;
}
/*========================================================
Category page
==========================================================*/
.category_posts a {
    display: block;
    border-bottom: 1px dashed #333;
    color: #000;
    background-color: #fff;
    -moz-transition: 300ms color, background-color ease-in-out 0s;
    -ms-transition: 300ms color, background-color ease-in-out 0s;
    -o-transition: 300ms color, background-color ease-in-out 0s;
    webkit-transition: 300ms color, background-color ease-in-out 0s;
    transition: 300ms color, background-color ease-in-out 0s;
}
.category_posts li:nth-of-type(2n) a {
    background-color: #e3f1ff;
}
.category_posts li a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, .8);
    outline: 3px double #000;
}
.category_posts span {
    display: block;
    float: left;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .5em;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 535px;
}
.category_posts span:last-child {
    float: right;
}

/*========================================================
Page template for archives page
==========================================================*/
.archives header {
    display: block;
    padding-left: 5px;
    margin-bottom: 10px;
    background-color: #000;
    color: #fff;
}
.archives ul {
    border: 1px solid #000;
    margin-bottom: 10px;
}
.archives ul li {
    float: left;
    min-width: 8em;
    width: 25%;
}
.archives ul li a {
    display: block;
    padding: 0 1em;
    color: #000;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-transition: 200ms background-color ease-in 0ms, 100ms color ease-in 0ms;
    -moz-transition: 200ms background-color ease-in 0ms, 100ms color ease-in 0ms;
    -webkit-transition: 200ms background-color ease-in 0ms, 100ms color ease-in 0ms;
    -o-transition: 200ms background-color ease-in 0ms, 100ms color ease-in 0ms;
    transition: 200ms background-color ease-in 0ms, 100ms color ease-in 0ms;
}
.archives ul li:hover a {
    color: #fff;
    background-color: rgba(0, 0, 0, .1);
    outline: 3px double #000;
}

/*========================================================
Page template for links page
==========================================================*/
.links li {list-style-type: none;}
.links header {
    display: block;
    padding: 10px 0 10px 5px;
    margin-bottom: 5px;
    font-size: 12px;
    /*font-weight: bold;*/
    line-height: 1;
    background-color: rgba(93, 63, 63, 0.66);
    color: #fff;
}
.links header strong {
    font-weight: normal;
}
.links header a {
    color: rgba(237, 243, 12, 0.65);
}
.links ul {
    /*border: 1px solid #000;
    border-radius: 5px;*/
    margin-bottom: 10px;
}
.links ul li {
    float: left; margin: 0 5px 6px; border-radius: 5px;
    box-shadow: 3px 3px 0 1px rgba(0, 0, 0, .6);
}
.links ul li:nth-of-type(3n+1) a {background-color: rgba(165, 167, 171, .5);}
.links ul li:nth-of-type(3n+2) a {background-color: rgba(210, 209, 201, .7);}
.links ul li:nth-of-type(3n) a {background-color: rgba(224, 190, 228, .9);}
.links ul li a {
    display: block; padding: 5px;
    font-size: 12px;
    line-height: 1;
    color: #000;
    border-radius: 5px;
}
.links ul li:hover a {color: #fff; background-color: rgba(0, 0, 0, .2);}

/*========================================================
Page template for about page
==========================================================*/
.pictures li {
    float: left;
    width: 300px;
    height: 225px;
    margin: 10px 10px 0 0;
    background: transparent no-repeat scroll center center/300px 225px;
    overflow: hidden;
    -webkit-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}
.pictures li:hover {
    background-size: 400px 300px;
}
.pictures li p {
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 92.5px 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    text-align: justify;
    line-height: 20px;
    -webkit-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}
.pictures li:hover p {
    visibility: visible;
    opacity: 1;
}

/*========================================================
Collections page
==========================================================*/
.collections {

}

/*========================================================
Sidebar of entire site
==========================================================*/
/*general configuration for sidebar of entire site*/
#sidebar > .inner {padding: 10px;}
[class^="sidebar_"] {
    /*padding: 3px;*/
    /*border: 5px solid #afc4ea;*/
    /*padding: 5px 10px;*/
    margin-bottom: 10px;
}
[class^="sidebar_"] a {
    overflow: hidden;
    white-space: nowrap;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-decoration: none;
}
/*.sidebar_introduction, some info. of me*/
.sidebar_introduction {
    color: #fff;
    background-color: #74868c;
}
.sidebar_introduction li {
    position: relative;
    border-bottom: 3px double #ccc;
}
.sidebar_introduction li:before, .sidebar_introduction li:after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 0;
    /*border-bottom: 3px solid #30a134;*/
    border-bottom: 3px solid #fff;
}
.sidebar_introduction li:before {
    top: 0%;
    left: 100%;
    -moz-transition: 350ms width, 350ms left;
    -ms-transition: 350ms width, 350ms left;
    -o-transition: 350ms width, 350ms left;
    -webkit-transition: 350ms width, 350ms left;
    transition: 350ms width, 350ms left;
}
.sidebar_introduction li:hover:before {
    width: 100%;
    left: 0%;
}
.sidebar_introduction li:after {
    bottom: 0%;
    right: 100%;
    -moz-transition: 350ms width, 350ms right;
    -o-transition: 350ms width, 350ms right;
    -ms-transition: 350ms width, 350ms right;
    -webkit-transition: 350ms width, 350ms right;
    transition: 350ms width, 350ms right;
}
.sidebar_introduction li:hover:after {
    width: 100%;
    right: 0%;
}
.sidebar_introduction a {
    position: relative;
    display: block;
    margin: 0 20px;
    line-height: 2;
    background-color: #74868c;
    color: #fff;
    text-align: center;
    -ms-transition: 300ms all ease-out 0s;
    -moz-transition: 300ms all ease-out 0s;
    -o-transition: 300ms all ease-out 0s;
    -webkit-transition: 300ms all ease-out 0s;
    transition: 300ms all ease-out 0s;
}
.sidebar_introduction li:hover a {
    background-color: #fff; color: #000;
}
.sidebar_introduction a:before, .sidebar_introduction a:after {
    display: block;
    position: absolute;
    top: 0;
    content: '';
    width: 5px; height: 100%;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .1);
    -moz-transform: skew(15deg, 10deg) rotate(10deg);
    -ms-transform: skew(15deg, 10deg) rotate(10deg);
    -o-transform: skew(15deg, 10deg) rotate(10deg);
    -webkit-transform: skew(15deg, 10deg) rotate(10deg);
    transform: skew(15deg, 10deg) rotate(10deg);
}
.sidebar_introduction a:before {left: 0;}
.sidebar_introduction a:after {right: 0;}
.sidebar_introduction a:before {
    box-shadow: 20px 0 0 rgba(255, 0, 0, .1), 40px 0 0 rgba(255, 0, 0, .1);
    -moz-animation: abefore 2s ease infinite;
    -webkit-animation: abefore 2s ease infinite;
    -o-animation: abefore 2s ease infinite;
    -ms-animation: abefore 2s ease infinite;
    animation: abefore 2s ease infinite;
}
.sidebar_introduction a:after {
    box-shadow: -20px 0 0 rgba(255, 0, 0, .1), -40px 0 0 rgba(255, 0, 0, .1);
    -moz-animation: aafter 2s ease infinite;
    -webkit-animation: aafter 2s ease infinite;
    -o-animation: aafter 2s ease infinite;
    -ms-animation: aafter 2s ease infinite;
    animation: aafter 2s ease infinite;
}
@keyframes abefore {
    0% {background-color: rgba(255, 0, 0, .1); box-shadow: 20px 0 0 rgba(255, 0, 0, .2), 40px 0 0 rgba(255, 0, 0, .3);}
    20% {background-color: rgba(255, 0, 0, .2); box-shadow: 20px 0 0 rgba(255, 0, 0, .3), 40px 0 0 rgba(255, 0, 0, .2);}
    40% {background-color: rgba(255, 0, 0, .3); box-shadow: 20px 0 0 rgba(255, 0, 0, .1), 40px 0 0 rgba(255, 0, 0, .1);}
    60% {background-color: rgba(255, 0, 0, .2); box-shadow: 20px 0 0 rgba(255, 0, 0, .2), 40px 0 0 rgba(255, 0, 0, .2);}
    80% {background-color: rgba(255, 0, 0, .1); box-shadow: 20px 0 0 rgba(255, 0, 0, .3), 40px 0 0 rgba(255, 0, 0, .3);}
    100% {background-color: rgba(255, 0, 0, .2); box-shadow: 20px 0 0 rgba(255, 0, 0, .2), 40px 0 0 rgba(255, 0, 0, .2);}
}
@-moz-keyframes abefore {
    0% {background-color: rgba(255, 0, 0, .1); box-shadow: 20px 0 0 rgba(255, 0, 0, .2), 40px 0 0 rgba(255, 0, 0, .3);}
    20% {background-color: rgba(255, 0, 0, .2); box-shadow: 20px 0 0 rgba(255, 0, 0, .3), 40px 0 0 rgba(255, 0, 0, .2);}
    40% {background-color: rgba(255, 0, 0, .3); box-shadow: 20px 0 0 rgba(255, 0, 0, .1), 40px 0 0 rgba(255, 0, 0, .1);}
    60% {background-color: rgba(255, 0, 0, .2); box-shadow: 20px 0 0 rgba(255, 0, 0, .2), 40px 0 0 rgba(255, 0, 0, .2);}
    80% {background-color: rgba(255, 0, 0, .1); box-shadow: 20px 0 0 rgba(255, 0, 0, .3), 40px 0 0 rgba(255, 0, 0, .3);}
    100% {background-color: rgba(255, 0, 0, .2); box-shadow: 20px 0 0 rgba(255, 0, 0, .2), 40px 0 0 rgba(255, 0, 0, .2);}
}
@-ms-keyframes abefore {
    0% {background-color: rgba(255, 0, 0, .1); box-shadow: 20px 0 0 rgba(255, 0, 0, .2), 40px 0 0 rgba(255, 0, 0, .3);}
    20% {background-color: rgba(255, 0, 0, .2); box-shadow: 20px 0 0 rgba(255, 0, 0, .3), 40px 0 0 rgba(255, 0, 0, .2);}
    40% {background-color: rgba(255, 0, 0, .3); box-shadow: 20px 0 0 rgba(255, 0, 0, .1), 40px 0 0 rgba(255, 0, 0, .1);}
    60% {background-color: rgba(255, 0, 0, .2); box-shadow: 20px 0 0 rgba(255, 0, 0, .2), 40px 0 0 rgba(255, 0, 0, .2);}
    80% {background-color: rgba(255, 0, 0, .1); box-shadow: 20px 0 0 rgba(255, 0, 0, .3), 40px 0 0 rgba(255, 0, 0, .3);}
    100% {background-color: rgba(255, 0, 0, .2); box-shadow: 20px 0 0 rgba(255, 0, 0, .2), 40px 0 0 rgba(255, 0, 0, .2);}
}
@-webkit-keyframes abefore {
    0% {background-color: rgba(255, 0, 0, .1); box-shadow: 20px 0 0 rgba(255, 0, 0, .2), 40px 0 0 rgba(255, 0, 0, .3);}
    20% {background-color: rgba(255, 0, 0, .2); box-shadow: 20px 0 0 rgba(255, 0, 0, .3), 40px 0 0 rgba(255, 0, 0, .2);}
    40% {background-color: rgba(255, 0, 0, .3); box-shadow: 20px 0 0 rgba(255, 0, 0, .1), 40px 0 0 rgba(255, 0, 0, .1);}
    60% {background-color: rgba(255, 0, 0, .2); box-shadow: 20px 0 0 rgba(255, 0, 0, .2), 40px 0 0 rgba(255, 0, 0, .2);}
    80% {background-color: rgba(255, 0, 0, .1); box-shadow: 20px 0 0 rgba(255, 0, 0, .3), 40px 0 0 rgba(255, 0, 0, .3);}
    100% {background-color: rgba(255, 0, 0, .2); box-shadow: 20px 0 0 rgba(255, 0, 0, .2), 40px 0 0 rgba(255, 0, 0, .2);}
}
@-o-keyframes abefore {
    0% {background-color: rgba(255, 0, 0, .1); box-shadow: 20px 0 0 rgba(255, 0, 0, .2), 40px 0 0 rgba(255, 0, 0, .3);}
    20% {background-color: rgba(255, 0, 0, .2); box-shadow: 20px 0 0 rgba(255, 0, 0, .3), 40px 0 0 rgba(255, 0, 0, .2);}
    40% {background-color: rgba(255, 0, 0, .3); box-shadow: 20px 0 0 rgba(255, 0, 0, .1), 40px 0 0 rgba(255, 0, 0, .1);}
    60% {background-color: rgba(255, 0, 0, .2); box-shadow: 20px 0 0 rgba(255, 0, 0, .2), 40px 0 0 rgba(255, 0, 0, .2);}
    80% {background-color: rgba(255, 0, 0, .1); box-shadow: 20px 0 0 rgba(255, 0, 0, .3), 40px 0 0 rgba(255, 0, 0, .3);}
    100% {background-color: rgba(255, 0, 0, .2); box-shadow: 20px 0 0 rgba(255, 0, 0, .2), 40px 0 0 rgba(255, 0, 0, .2);}
}

@-webkit-keyframes aafter {
    0% {background-color: rgba(255, 0, 0, .1); box-shadow: -20px 0 0 rgba(255, 0, 0, .2), -40px 0 0 rgba(255, 0, 0, .3);}
    20% {background-color: rgba(255, 0, 0, .2); box-shadow: -20px 0 0 rgba(255, 0, 0, .3), -40px 0 0 rgba(255, 0, 0, .2);}
    40% {background-color: rgba(255, 0, 0, .3); box-shadow: -20px 0 0 rgba(255, 0, 0, .2), -40px 0 0 rgba(255, 0, 0, .1);}
    60% {background-color: rgba(255, 0, 0, .2); box-shadow: -20px 0 0 rgba(255, 0, 0, .1), -40px 0 0 rgba(255, 0, 0, .2);}
    80% {background-color: rgba(255, 0, 0, .1); box-shadow: -20px 0 0 rgba(255, 0, 0, .2), -40px 0 0 rgba(255, 0, 0, .3);}
    100% {background-color: rgba(255, 0, 0, .2); box-shadow: -20px 0 0 rgba(255, 0, 0, .3), -40px 0 0 rgba(255, 0, 0, .2);}
}
@-moz-keyframes aafter {
    0% {background-color: rgba(255, 0, 0, .1); box-shadow: -20px 0 0 rgba(255, 0, 0, .2), -40px 0 0 rgba(255, 0, 0, .3);}
    20% {background-color: rgba(255, 0, 0, .2); box-shadow: -20px 0 0 rgba(255, 0, 0, .3), -40px 0 0 rgba(255, 0, 0, .2);}
    40% {background-color: rgba(255, 0, 0, .3); box-shadow: -20px 0 0 rgba(255, 0, 0, .2), -40px 0 0 rgba(255, 0, 0, .1);}
    60% {background-color: rgba(255, 0, 0, .2); box-shadow: -20px 0 0 rgba(255, 0, 0, .1), -40px 0 0 rgba(255, 0, 0, .2);}
    80% {background-color: rgba(255, 0, 0, .1); box-shadow: -20px 0 0 rgba(255, 0, 0, .2), -40px 0 0 rgba(255, 0, 0, .3);}
    100% {background-color: rgba(255, 0, 0, .2); box-shadow: -20px 0 0 rgba(255, 0, 0, .3), -40px 0 0 rgba(255, 0, 0, .2);}
}
@-ms-keyframes aafter {
    0% {background-color: rgba(255, 0, 0, .1); box-shadow: -20px 0 0 rgba(255, 0, 0, .2), -40px 0 0 rgba(255, 0, 0, .3);}
    20% {background-color: rgba(255, 0, 0, .2); box-shadow: -20px 0 0 rgba(255, 0, 0, .3), -40px 0 0 rgba(255, 0, 0, .2);}
    40% {background-color: rgba(255, 0, 0, .3); box-shadow: -20px 0 0 rgba(255, 0, 0, .2), -40px 0 0 rgba(255, 0, 0, .1);}
    60% {background-color: rgba(255, 0, 0, .2); box-shadow: -20px 0 0 rgba(255, 0, 0, .1), -40px 0 0 rgba(255, 0, 0, .2);}
    80% {background-color: rgba(255, 0, 0, .1); box-shadow: -20px 0 0 rgba(255, 0, 0, .2), -40px 0 0 rgba(255, 0, 0, .3);}
    100% {background-color: rgba(255, 0, 0, .2); box-shadow: -20px 0 0 rgba(255, 0, 0, .3), -40px 0 0 rgba(255, 0, 0, .2);}
}
@-o-keyframes aafter {
    0% {background-color: rgba(255, 0, 0, .1); box-shadow: -20px 0 0 rgba(255, 0, 0, .2), -40px 0 0 rgba(255, 0, 0, .3);}
    20% {background-color: rgba(255, 0, 0, .2); box-shadow: -20px 0 0 rgba(255, 0, 0, .3), -40px 0 0 rgba(255, 0, 0, .2);}
    40% {background-color: rgba(255, 0, 0, .3); box-shadow: -20px 0 0 rgba(255, 0, 0, .2), -40px 0 0 rgba(255, 0, 0, .1);}
    60% {background-color: rgba(255, 0, 0, .2); box-shadow: -20px 0 0 rgba(255, 0, 0, .1), -40px 0 0 rgba(255, 0, 0, .2);}
    80% {background-color: rgba(255, 0, 0, .1); box-shadow: -20px 0 0 rgba(255, 0, 0, .2), -40px 0 0 rgba(255, 0, 0, .3);}
    100% {background-color: rgba(255, 0, 0, .2); box-shadow: -20px 0 0 rgba(255, 0, 0, .3), -40px 0 0 rgba(255, 0, 0, .2);}
}
@keyframes aafter {
    0% {background-color: rgba(255, 0, 0, .1); box-shadow: -20px 0 0 rgba(255, 0, 0, .2), -40px 0 0 rgba(255, 0, 0, .3);}
    20% {background-color: rgba(255, 0, 0, .2); box-shadow: -20px 0 0 rgba(255, 0, 0, .3), -40px 0 0 rgba(255, 0, 0, .2);}
    40% {background-color: rgba(255, 0, 0, .3); box-shadow: -20px 0 0 rgba(255, 0, 0, .2), -40px 0 0 rgba(255, 0, 0, .1);}
    60% {background-color: rgba(255, 0, 0, .2); box-shadow: -20px 0 0 rgba(255, 0, 0, .1), -40px 0 0 rgba(255, 0, 0, .2);}
    80% {background-color: rgba(255, 0, 0, .1); box-shadow: -20px 0 0 rgba(255, 0, 0, .2), -40px 0 0 rgba(255, 0, 0, .3);}
    100% {background-color: rgba(255, 0, 0, .2); box-shadow: -20px 0 0 rgba(255, 0, 0, .3), -40px 0 0 rgba(255, 0, 0, .2);}
}

/*.sidebar_widget*/
/*
.sidebar_widget {
	max-height: 24px;
	overflow: hidden;
	-ms-transition: 3s all ease-in-out 0s;
	-moz-transition: 3s all ease-in-out 0s;
	-o-transition: 3s all ease-in-out 0s;
	-webkit-transition: 3s all ease-in-out 0s;
	transition: 3s all ease-in-out 0s;
}
.sidebar_widget:hover {
	max-height: 1000px;
	-ms-transition: 500ms all ease-in-out 0ms;
	-moz-transition: 500ms all ease-in-out 0ms;
	-o-transition: 500ms all ease-in-out 0ms;
	-webkit-transition: 500ms all ease-in-out 0ms;
	transition: 500ms all ease-in-out 0ms;
}
.sidebar_widget > ul {
	opacity: 0; visibility: hidden;
	-ms-transition: 3s all ease-in-out 0s;
	-moz-transition: 3s all ease-in-out 0s;
	-o-transition: 3s all ease-in-out 0s;
	-webkit-transition: 3s all ease-in-out 0s;
	transition: 3s all ease-in-out 0s;
}
.sidebar_widget:hover > ul {
	opacity: 1; visibility: visible;
	-ms-transition: 500ms all ease-in-out 0ms;
	-moz-transition: 500ms all ease-in-out 0ms;
	-o-transition: 500ms all ease-in-out 0ms;
	-webkit-transition: 500ms all ease-in-out 0ms;
	transition: 500ms all ease-in-out 0ms;
}
*/
.sidebar_widget h4, .sidebar_multi_columns h4, .sidebar_three_columns h4 {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    color: #000;
    background-color: #a5beca;
    font-family: "Microsoft Yahei", arial, helvetica, sans-serif;
    padding: 0 10px;
}
.sidebar_widget a {
    color: #000;
}
.sidebar_widget a:hover {
    text-decoration: underline;
}
.sidebar_widget.advertisement img {
    width: 100%;
    height: 100%;
}
/*.sidebar_multi_columns, .sidebar_three_columns*/
.sidebar_multi_columns li, .sidebar_three_columns li {
    float: left;
    margin: 0 5px 5px 0;
    /*width: 50%;*/
}
.sidebar_three_columns li {
    width: 31%;
}
.sidebar_multi_columns a, .sidebar_three_columns a {
    display: block;
    padding: 5px;
    line-height: 1;
    color: #000;
    background-color: #ddd;
}
.sidebar_three_columns a {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.sidebar_multi_columns a:hover, .sidebar_three_columns a:hover {
    color: #fff; background-color: #000;
}
.sidebar_multi_columns a:active, .sidebar_three_columns a:active {
    background-color: rgba(240, 160, 80, 1);
    outline: 3px inset #000;
}
/*sidebar_recentcomments*/
.sidebar_recentcomment {
    background-color: #ddd;
    color: #000;
    border: 1px solid #eee;
    padding: 3px;
}
.sidebar_recentcomment:hover {
    border-color: #000;
}
.sidebar_comment_author, .sidebar_comment_byline {
    color: #00a67c;
}
.sidebar_comment_content {
    background-color: #fff;
    color: #333;
    padding: 0px;
    margin: 0px;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
/*sidebar_tabs*/
.sidebar_tabs header {
    font-size: 0px;
}
.sidebar_tabs header label {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    color: #000;
    background-color: #a5beca;
    font-family: "Microsoft Yahei", arial, helvetica, sans-serif;
    padding: 0 10px;
    cursor: pointer;
}
.sidebar_tabs header label:nth-of-type(1) {

}
.sidebar_tabs article input {
    display: none;
}
.sidebar_tabs article ul {
    display: none;
}
input:checked + ul {
    display: block;
}

/*========================================================
Footer of entire site
==========================================================*/
.site_footer .footerContent {
    width: 90%;
    margin: 0 auto;
    padding: 15px 0 20px;
}
.footerLists h4 {
    color: #fff;
    font-size: 14px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
    text-shadow: #2f4249 1px 1px;
    text-transform: uppercase;
}
.footerLists ul {
    background-color: #2f4249;
    margin: 0;
    padding: 14px 20px;
    border: 1px solid #687f86;
    overflow: hidden;
}
.footerLists li {
    float: left;
    /*width: 20%;*/
    margin: 0 5px 5px 0;
}
.footerLists a {
    display: block;
    color: #cfdde2;
    text-decoration: none;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
}
.footerLists a:hover {
    text-decoration: none;
    color: #000;
    background-color: #ddd;
}
.footerEnd {
    background-color: #2f4249;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    padding: 20px 0;
}
.footerEnd a {
    color: #cfdde2;
    text-decoration: none;
}
.footerEnd a:hover {
    text-decoration: underline;
}
/*decoration effect for entire site*/
@-ms-keyframes wander {
    0%   {border-color: transparent transparent transparent rgba(78, 184, 234, .5); top: 50%; border-radius: 2em; border-width: 2em;}
    15%  {border-color: rgba(214, 230, 54, .5) transparent transparent transparent; top: 90%; border-radius: 6em; border-width: 6em;}
    50%  {border-color: transparent rgba(245, 140, 33, .5) transparent transparent; top: 10%; border-radius: 1em; border-width: 1em;}
    65%  {border-color: transparent transparent rgba(214, 230, 54, .9) transparent; top: 90%; border-radius: 6em; border-width: 6em;}
    100% {border-color: transparent transparent transparent rgba(78, 184, 234, .5); top: 50%; border-radius: 2em; border-width: 2em;}
}
@-moz-keyframes wander {
    0%   {border-color: transparent transparent transparent rgba(78, 184, 234, .5); top: 50%; border-radius: 2em; border-width: 2em;}
    15%  {border-color: rgba(214, 230, 54, .5) transparent transparent transparent; top: 90%; border-radius: 6em; border-width: 6em;}
    50%  {border-color: transparent rgba(245, 140, 33, .5) transparent transparent; top: 10%; border-radius: 1em; border-width: 1em;}
    65%  {border-color: transparent transparent rgba(214, 230, 54, .9) transparent; top: 90%; border-radius: 6em; border-width: 6em;}
    100% {border-color: transparent transparent transparent rgba(78, 184, 234, .5); top: 50%; border-radius: 2em; border-width: 2em;}
}
@-webkit-keyframes wander {
    0%   {border-color: transparent transparent transparent rgba(78, 184, 234, .5); top: 50%; border-radius: 2em; border-width: 2em;}
    15%  {border-color: rgba(214, 230, 54, .5) transparent transparent transparent; top: 90%; border-radius: 6em; border-width: 6em;}
    50%  {border-color: transparent rgba(245, 140, 33, .5) transparent transparent; top: 10%; border-radius: 1em; border-width: 1em;}
    65%  {border-color: transparent transparent rgba(214, 230, 54, .9) transparent; top: 90%; border-radius: 6em; border-width: 6em;}
    100% {border-color: transparent transparent transparent rgba(78, 184, 234, .5); top: 50%; border-radius: 2em; border-width: 2em;}
}
@-o-keyframes wander {
    0%   {border-color: transparent transparent transparent rgba(78, 184, 234, .5); top: 50%; border-radius: 2em; border-width: 2em;}
    15%  {border-color: rgba(214, 230, 54, .5) transparent transparent transparent; top: 90%; border-radius: 6em; border-width: 6em;}
    50%  {border-color: transparent rgba(245, 140, 33, .5) transparent transparent; top: 10%; border-radius: 1em; border-width: 1em;}
    65%  {border-color: transparent transparent rgba(214, 230, 54, .9) transparent; top: 90%; border-radius: 6em; border-width: 6em;}
    100% {border-color: transparent transparent transparent rgba(78, 184, 234, .5); top: 50%; border-radius: 2em; border-width: 2em;}
}
@keyframes wander {
    0%   {border-color: transparent transparent transparent rgba(78, 184, 234, .5); top: 50%; border-radius: 2em; border-width: 2em;}
    15%  {border-color: rgba(214, 230, 54, .5) transparent transparent transparent; top: 90%; border-radius: 6em; border-width: 6em;}
    50%  {border-color: transparent rgba(245, 140, 33, .5) transparent transparent; top: 10%; border-radius: 1em; border-width: 1em;}
    65%  {border-color: transparent transparent rgba(214, 230, 54, .9) transparent; top: 90%; border-radius: 6em; border-width: 6em;}
    100% {border-color: transparent transparent transparent rgba(78, 184, 234, .5); top: 50%; border-radius: 2em; border-width: 2em;}
}
.decoration {
    width: 0px; height: 0px;
    border: 2em solid;
    border-radius: 2em;
    border-color: transparent transparent transparent rgba(78, 184, 234, .5);
    position: fixed; left: 0px; top: 50%;
    -moz-animation: wander 10s linear 0s infinite;
    -webkit-animation: wander 10s linear 0s infinite;
    -o-animation: wander 10s linear 0s infinite;
    -ms-animation: wander 10s linear 0s infinite;
    animation: wander 10s linear 0s infinite;
}
